<ion-view view-title="个人信息">
    <ion-content class="tab-background">
        <div class="main grxxb grzs" style="background: #fff" id="grxx">
            <div class="gr">
                <span class="img-bg"></span>
                <div class="rightside">
                    <div class="name">{{vm.collect.info.name}}</div>
                    <div class="info">{{vm.collect.info.department}}&nbsp;{{vm.collect.info.speciality}}&nbsp;{{vm.collect.info.grade}}级</div>
                </div>
            </div>
            <div class="tab">
                <div class="tab-btn jbxx active" rel="jb" ng-class="{active1:vm.collect.active1}" ng-click="vm.collect.tab1()">基本信息</div>
                <div class="tab-btn  bszn" rel="zn" ng-class="{active2:vm.collect.active2}" ng-click="vm.collect.tab2()">打卡记录</div>
                <div class="clear"></div>

            </div>
            <div class="tab-list" id="jb" ng-class="{information:vm.collect.information}">
                <div class="jtxx">
                    <div class="han first-div"><div class="le" >性别</div><div class="ri">{{vm.collect.info.sex}}</div></div>
                    <div class="han"><div class="le">专业</div><div class="ri">{{vm.collect.info.speciality}}</div></div>
                    <div class="han"><div class="le">学院</div><div class="ri">{{vm.collect.info.department}}</div></div>
                    <div class="han"><div class="le">学号</div><div class="ri">{{vm.collect.info.studentId}}</div></div>
                    <div class="han"><div class="le" >考号</div><div class="ri">{{vm.collect.info.examineeId}}</div></div>
                    <div class="han" ng-if="!vm.collect.info.naturalClass==''"><div class="le">班级</div><div class="ri">{{vm.collect.info.naturalClass}}</div></div>
                    <div class="han"><div class="le">宿舍</div><div class="ri">{{vm.collect.info.dormitory}}{{vm.collect.info.room}}宿舍</div></div>
                </div>
            </div>
            <div id="recordsInfo" class="tab-list" ng-class="{records:vm.collect.records}">
                 <div class="sel">
                     <select ng-model="vm.collect.selectedDate"  ng-change="vm.collect.dateChange()"  ng-options="d for d in vm.collect.dateList"></select>
                  </div>
                <div class="recordsListInfo">
                    <div class="Title">
                        <span class="recordsTime">打卡时间</span>
                        <span class="recordsAddress">地点</span>
                        <span class="recordsIoFlag">进/出</span>
                    </div>
                    <div ng-repeat="x in  vm.collect.recordsTtime" class="Title infoList">
                            <span class="recordsTime">{{x.time.substring(11)}}</span>
                            <span class="recordsAddress">{{x.dormName}}</span>
                            <span class="recordsIoFlag">{{x.ioFlag}}</span>
                    </div>
                </div>
             </div>

        </div>
    </ion-content>
</ion-view>